<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
    <!--头部公共部分-->
    <div class="xianyan-top" th:fragment="header">
        <!--头部-->
        <nav class="navbar my-nav">
            <div class="container xianyan-con">
                <div class="row">
                    <div class="col-lg-1 col-md-1 col-sm-1 col-xs-0">

                    </div>
                    <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12 my-col">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed my-navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="#">
                                <img th:src="@{/static/images/xyIndex/logo.png}" alt="logo">
                            </a>
                        </div>

                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse my-navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="xianyan-small-nav" id="nav_list">
                                <li th:class="${resUrl=='index.html'?'btn_active':''}"><a th:href="@{/xianyan/index}">首页</a></li>
                                <li th:class="${resUrl=='find.html'?'btn_active':''}"><a th:href="@{/xianyan/find}">发现</a></li>
                                <li th:class="${resUrl=='InformaEssay.html'?'btn_active':''}"><a th:href="@{/xianyan/InformalEssay}">随笔</a></li>
                            </ul>
                            <ul class="index-user navbar-right">
                                <li><a href="#"><span class="glyphicon glyphicon-user" data-toggle="modal" data-target="#myModal"></span></a></li>
                            </ul>
                        </div><!-- /.navbar-collapse -->
                        <form class="navbar-form navbar-right my-navbar-form">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Search">
                            </div>
                        </form>
                    </div>
                    <div class="col-lg-1 col-md-1 col-sm-1 col-xs-0"></div>
                </div>
                <!-- Brand and toggle get grouped for better mobile display -->
            </div><!-- /.container-fluid -->
        </nav>
    </div>

    <!--尾部公共部分-->
    <div class="xianyan-foot" th:fragment="footer">
        <div class="container">
            <div class="row">
                <div class="col-xs-0 col-sm-1 col-md-1 col-lg-1"></div>
                <div class="col-xs-12 col-sm-10 col-md-10 col-lg-10">
                    <!--底部-->
                    <!--<div class="container">-->
                    <div class="row">
                        <div class="xianyan-tip col-xs-12 col-sm-4 col-md-4 col-lg-4">
                            <!--本站申明-->
                            <div class="xianyan-tip-title class-title">
                                本站声明
                            </div>
                            <div class="xianyan-tip-content">
                                <p>
                                    本站所有内容均来自互联网，如果涉及到侵权行为，请联系，我们将在第一时间进行改正
                                </p>
                                <p>
                                    本站为非营利性网站，只做分享，暂时不涉及广告。
                                </p>
                            </div>
                        </div>
                        <div class="xianyan-inf col-xs-12 col-sm-4 col-md-4 col-lg-4">
                            <!--站长信息-->
                            <div class="xianyan-tip-title class-title">
                                站长信息
                            </div>
                            <div class="xianyan-tip-content">
                                <ul>
                                    <li>站长职业：程序员</li>
                                    <li>站长现居：济南</li>
                                    <li>站长联系方式：lynes.com</li>
                                </ul>
                            </div>
                        </div>
                        <div class="xianyan-money col-xs-12 col-sm-4 col-md-4 col-lg-4">
                            <!--打赏本站-->
                            <div class="xianyan-tip-title class-title">
                                打赏本站
                            </div>
                            <div class="xianyan-money-img">
                                <img th:src="@{/static/images/xyIndex/dog.jpg}" alt="">
                            </div>
                        </div>
                    </div>
                    <!--</div>-->
                </div>
                <div class="col-xs-0 col-sm-1 col-md-1 col-lg-1"></div>
            </div>
        </div>

    </div>
    <!--<script>
        function navOnclick(a) {
            var nav_list = document.getElementById("nav_list").getElementsByTagName("li");
            for(var i = 0;i<nav_list.length;i++){
                nav_list[i].style.borderBottom="none";
            }
            a.style.borderBottom="2px solid gray";
        }

    </script>-->
    <!-- Button trigger modal -->


    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" th:fragment="modal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="login-body">
                    <div class="login-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <span class="login-title">
                           欢迎登录
                        </span>
                    </div>
                    <div class="login-main">
                        <div class="login-main-left">
                            <table>
                                <tr>
                                    <td class="text-left">账号:</td>
                                    <td>
                                        <div class="login-input">
                                            <input type="text" placeholder="请输入账号">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-left">密码:</td>
                                    <td>
                                        <div class="login-input">
                                            <input type="password" placeholder="请输入密码">
                                        </div>
                                    </td>
                                </tr>
                            </table>
                            <div class="forget-password">
                                <!--忘记密码-->
                                <a href="#">忘记密码？</a>
                            </div>
                            <div class="login-submit">
                                <button type="button" class="btn btn-info login-btn">登录</button>
                            </div>
                        </div>
                        <div class="login-main-right">
                            <div class="login-other-tip">
                                其他账号登陆
                            </div>
                            <div class="login-other-ways">
                                <div class="login-other-icon">
                                    <div class="login-for-qq center-block">
                                        <a href="#">
                                            <img class="img-responsive" th:src="@{/static/images/qq.png}" alt="">
                                        </a>
                                        <span>QQ</span>
                                    </div>
                                    <div class="login-for-weibo center-block">
                                        <a href="#">
                                            <img class="img-responsive" th:src="@{/static/images/weibo.png}" alt="">
                                        </a>
                                        <span>微博</span>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                            <div class="login-no-tip">
                                没有账号？
                            </div>
                            <div class="login-create-user">
                                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModalCreate" data-dismiss="modal" aria-label="Close">注册</button>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="modal fade" id="myModalCreate" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" th:fragment="myModalCreate">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="register-body">
                    <div class="login-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <span class="login-title">
                            欢迎注册
                        </span>
                    </div>
                    <div class="login-main">
                        <div class="register-main-left">
                            <table>
                                <tr>
                                    <td class="register-text-left">邮&nbsp;&nbsp;&nbsp;箱: <i></i></td>
                                    <td colspan="2">
                                        <div class="register-input">
                                            <input type="text" placeholder="请输入邮箱账号">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="register-text-left">密&nbsp;&nbsp;&nbsp;码:</td>
                                    <td colspan="2">
                                        <div class="register-input">
                                            <input type="password" placeholder="请输入密码">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="register-text-left">邮箱验证码:</td>
                                    <td>
                                        <div class="register-input register-input-phone">
                                            <input type="text" placeholder="请输入验证码">
                                        </div>
                                    </td>
                                    <td class="register-btn">
                                        <button type="button" class="my-btn-register btn btn-info">获取验证码</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="register-text-left">图片验证码:</td>
                                    <td>
                                        <div class="register-input register-input-phone">
                                            <input type="text" placeholder="请输入验证码">
                                        </div>
                                    </td>
                                </tr>
                            </table>

                            <div class="login-submit">
                                <button type="button" class="btn btn-primary login-btn">注册</button>
                            </div>
                        </div>
                        <div class="register-main-right">
                            <div class="login-other-tip">
                                其他账号登陆
                            </div>
                            <div class="login-other-ways">
                                <div class="login-other-icon">
                                    <div class="login-for-qq center-block">
                                        <a href="#">
                                            <img class="img-responsive register-for-qq" th:src="@{/static/images/qq.png}" alt="">
                                        </a>
                                        <span>QQ</span>
                                    </div>
                                    <div class="login-for-weibo center-block">
                                        <a href="#">
                                            <img class="img-responsive register-for-qq" th:src="@{/static/images/weibo.png}" alt="">
                                        </a>
                                        <span>微博</span>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                            <div class="login-no-tip">
                                已有账号？
                            </div>
                            <div class="login-create-user">
                                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" data-dismiss="modal" aria-label="Close">立即登录</button>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>

            </div>
        </div>
    </div>


    <script>

    </script>
</html>